<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./phtml/css/reset.css">
    <link rel="stylesheet" href="./phtml/css/my.css">
</head>
<body>
            <!-- 头部 -->
    <div class="header">
            <!-- 标题 -->
        <div class="title">
            <a href="./index.html"><img src="./phtml/images/jiantou.png" alt=""></a>
            <span>我的</span>
        </div>

            <!-- 标题下面内容 -->
        <div class="titleend">
            <div class="photo">
                <img src="./phtml/images/myhphto.png" alt="">
            </div>

            <div class="name">
                <div>Vance</div>
                <div>播放量:1780</div>
            </div>

            <div class="titleright">
                <div class="myright">
                    <img src="./phtml/images/myphpright.png" alt="">
                </div>
            </div>
        </div>
    </div>

        <!-- banner -->
    <div class="banner">
        <div class="bannerbox">
            <div class="photo">
                <img src="./phtml/images/huangguang.png" alt="">
            </div>

            <div class="centertext">
                <div>千库音乐会员</div>
            </div>

            <div class="endtext">
                <div>首月仅需八元</div>
                <div><img src="./phtml/images/jiantou2.png" alt=""></div>
            </div>           
        </div>
    </div>

     <!-- banner五个图标 -->
     <div class="bannerbt">
        <!-- 1 -->
    <div class="bannerbtt">
        <div><img src="./phtml/images/renwu.png" alt=""></div>
        <div class="text">我的消息</div>
    </div>
        <!-- 2 -->
        <div class="bannerbtt">
            <div><img src="./phtml/images/renwu.png" alt=""></div>
            <div class="text">我要录音</div>
        </div>
    
        <!-- 3 -->
        <div class="bannerbtt">
            <div><img src="./phtml/images/renwu.png" alt=""></div>
            <div class="text">我的乐友</div>
        </div>
    
        <!-- 4 -->
        <div class="bannerbtt">
            <div><img src="./phtml/images/renwu.png" alt=""></div>
            <div class="text">听歌识曲</div>
        </div>
    
        <!-- 5-->
        <div class="bannerbtt">
            <div><img src="./phtml/images/renwu.png" alt=""></div>
            <div class="text">换肤</div>
        </div>
        </div>

        <!-- 列表 -->
    <div class="list">
        <div class="sys">
            <div class="left">
                <div><img src="./phtml/images/sys.png" alt=""></div>
                <div>扫一扫</div> 
            </div>

            <div class="right">
                <div><img src="./phtml/images/jiantou3.png" alt=""></div>
            </div>
        </div>
        
        <div class="sys">
            <div class="left">
                <div><img src="./phtml/images/yl.png" alt=""></div>
                <div>夜间模式</div> 
            </div>

            <div class="right">
                <div><img src="./phtml/images/jiantou3.png" alt=""></div>
            </div>
        </div>

        <div class="sys">
            <div class="left">
                <div><img src="./phtml/images/nz.png" alt=""></div>
                <div>定时关机</div> 
            </div>

            <div class="right">
                <div><img src="./phtml/images/jiantou3.png" alt=""></div>
            </div>
        </div>

        <div class="sys">
            <div class="left">
                <div><img src="./phtml/images/y.png" alt=""></div>
                <div>我的客服</div> 
            </div>

            <div class="right">
                <div><img src="./phtml/images/jiantou3.png" alt=""></div>
            </div>
        </div>

        <div class="sys">
            <div class="left">
                <div><img src="./phtml/images/good.png" alt=""></div>
                <div>推荐有礼</div> 
            </div>

            <div class="right">
                <div><img src="./phtml/images/jiantou3.png" alt=""></div>
            </div>
        </div>
    </div>

<!-- foot -->

<div class="foot">
    <!-- 歌手头像 -->
    <div class="yuan">
         <div class="photo">
                <a href="./play.html"><img src="./phtml/images/footphoto.png" alt=""></a>
        </div>
    </div>


    <div class="footend">
           
        <!-- 文字 -->
        <div class="text">
            <span>And The Winner is</span>
            <span>Gerard Darmon</span>
        </div>
            <!-- 右边小图标 -->
        <div class="footright">
            <div><img src="./phtml/images/footbf.png" alt=""></div>
            <div><img src="./phtml/images/footlb.png" alt=""></div>
        </div>


    </div>
</div>


</body>
</html>